@(missionId: Int)(implicit messages: Messages)

<div class="result rf">

	<div class="row" id="resultFile" style="margin-top: 10px">

		<div class="col-sm-12" style="display: block">

			<h4>@messages("results")<span class="totalNodeText">(<span class="nodeText" id=""></span>)</span></h4>

			<div class="table-responsive" >

				<table class="display table table-bordered" id="table" data-pagination="true"
				data-page-list="[10, 25, 50, 100, all]" >
					<thead>

						<tr class="myTr">

											</tr>

					</thead>
				</table>

			</div>

		</div>

	</div>

	<hr>

	<div class="row imageResult rf" id="row-main">

		<ul class="nav nav-tabs myMainUl" id="myUl">

			<li class="active" >
				<a href="#rfPlot" data-toggle="tab" > @messages("importancePlot") </a>
			</li>

		</ul>

		<div class="tab-content" style="margin-top: 20px">

			<div class="tab-pane  fade in active" id="rfPlot">

				<div class="col-sm-8" id="content">
					<div>

						<a class=" myToggle" style="float: right;
							border: 0px;
							margin-top: 10px">
							<i class="fa fa-angle-double-right" style="color: grey"></i>
						</a>
					</div>

					<img src="" id="scoreImage" style="width: 100%">

				</div>

				<div class="col-sm-4" id="sidebar">

					<form id="form" class=" form-horizontal" accept-charset="UTF-8"
					method="post" style="margin-top: 30px;">

						<input type="hidden" name="missionId" value="@missionId">

						<ul class="nav nav-tabs myMainUl" id="plotArg">

							<li class="active" id="layoutLi">
								<a href="#rfPlotLayout" data-toggle="tab" > @messages("layout") </a>
							</li>

							<li class="" id="fontLi">
								<a href="#rfPlotFont" data-toggle="tab" > @messages("fontArg") </a>
							</li>

						</ul >

						<div id="plotArgTabContent" class="tab-content" style="margin-top: 20px">

							<div class="tab-pane fade in active" id="rfPlotLayout">

								<div class="form-group">
									<label class="control-label col-sm-4">@messages("picSizeWidthHeight"):</label>
									<div class="col-sm-8">
										<div class="input-group">
											<input class="form-control fillByName" name="width" />
											<span class="input-group-addon">-</span>
											<input class="form-control fillByName" name="height" />
										</div>
									</div>
								</div>

							</div>

							<div class="tab-pane  " id="rfPlotFont">

								<div id="fontFamily">

							</div>

								<div class="form-group">
									<label class="control-label col-sm-4">@messages("xaxisTextSize"):</label>
									<div class="col-sm-8">
										<input class="form-control fillByName" name="xFont" />
									</div>
								</div>

								<div class="form-group">
									<label class="control-label col-sm-4">@messages("xaxisTitleSize"):</label>
									<div class="col-sm-8">
										<input class="form-control fillByName" name="xTitleFont" />
									</div>
								</div>

								<div class="form-group">
									<label class="control-label col-sm-4">@messages("yAxisTextSize"):</label>
									<div class="col-sm-8">
										<input class="form-control fillByName" name="yFont" />
									</div>
								</div>

								<div class="form-group">
									<label class="control-label col-sm-4">@messages("mainTitleContent"):</label>
									<div class="col-sm-8">
										<input class="form-control fillByName" name="mainTitle" />
									</div>
								</div>

								<div class="form-group">
									<label class="control-label col-sm-4">@messages("mainTitleSize"):</label>
									<div class="col-sm-8">
										<input class="form-control fillByName" name="mainTitleFont" />
									</div>
								</div>

							</div>

						</div>

						<div class="form-group form-horizontal">
							<div class="actions col-sm-offset-2 col-sm-4">
								<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
								@messages("run")</button>
							</div>
							<div class="row" style="margin-left: 0px">
								<div class="col-sm-12" >
									<p style="color:#232327 ">
									@messages("reRunInfo")
									</p>
								</div>
							</div>
						</div>


					</form>


				</div>

			</div>

		</div>


	</div>

</div>

